<template>
  <!-- 默认插槽 -->
  <div class="slot">
    <!-- c1组件中写入了内容 -->
    <c1>
      你好啊，这里是默认插槽的内容
    </c1>
    <!-- 携带传入的内容 -->
    <c2>
      打个招呼：{{ hello }}
    </c2>
    <!-- 没有传入内容，但是slot加入默认显示的内容 -->
    <c3></c3>
  </div>
</template>

<script>
import c1 from './c1.vue'
import c2 from './c2.vue'
import c3 from './c3.vue'

export default {
  name: 'DefaultSlot',
  components: { c1, c2, c3 },
  data() {
    return {
      hello: 'hello, vue!'
    }
  }
}
</script>